﻿<!--
Copyright (c) Microsoft Corporation. All rights reserved
-->

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <link rel="stylesheet" href="/css/scenario2.css">
    <script src="/js/scenario2.js"></script>
</head>

<body class="win-type-body">
    <div>
        <table>
            <tr>
                <td>
                    <h3 class="win-type-title">Select source: </h3></td>
                <td>
                    <button class="action win-button" id="pickFileButton">
                        Pick Video File
                    </button>
                </td>
                <td>
                    <h3 class="win-type-title">
                        Target format:
                    </h3>
                </td>
                <td>
                    <h3 class="win-type-title">
                        <select id="targetFormat" aria-labelledby="listLabel" class="win-dropdown">
                            <option selected="selected" value="1" class="win-dropdown">H.264/MP4</option>
                            <option value="2" class="win-dropdown">VC-1/WMV</option>
                        </select>
                    </h3>
                </td>
            </tr>
            <tr>
                <td>
                    <h3 class="win-type-title">Select output: </h3>
                </td>
                <td>
                    <button class="action win-button" id="pickDestinationButton">
                        Pick Destination File
                    </button>
                </td>
            </tr>
        </table>
        <p>
            This scenario demonstrates how the transcode API can be used to convert a video file from one input format to another custom output format. It utilizes the API&apos;s ability to take custom encoding settings for output, and also the API calls to validate
            a profile before attempting to transcode.
        </p>
        <p>
            This scenario is useful in scenarios where a target output format is not one of the API&#x2019;s default presets.
        </p>
        <table>
            <tr>
                <td colspan="2">
                    Video Settings
                </td>
                <td colspan="2">
                    Audio Settings
                </td>
            </tr>
            <tr>
                <td>
                    Width
                </td>
                <td>
                    <input id="VideoW" type="text" class="win-textbox">
                </td>
                <td>
                    Bits Per Sample
                </td>
                <td>
                    <input id="AudioBPS" type="text" class="win-textbox">
                </td>
            </tr>
            <tr>
                <td>
                    Height
                </td>
                <td>
                    <input id="VideoH" type="text" class="win-textbox">
                </td>
                <td>
                    Sample Rate
                </td>
                <td>
                    <input id="AudioSR" type="text" class="win-textbox">
                </td>
            </tr>
            <tr>
                <td>
                    Bit Rate
                </td>
                <td>
                    <input id="VideoBR" type="text" class="win-textbox">
                </td>
                <td>
                    Bit Rate
                </td>
                <td>
                    <input id="AudioBR" type="text" class="win-textbox">
                </td>
            </tr>
            <tr>
                <td>
                    Frame Rate
                </td>
                <td>
                    <input id="VideoFR" type="text" class="win-textbox">
                </td>
                <td>
                    Channel Count
                </td>
                <td>
                    <input id="AudioCC" type="text" class="win-textbox">
                </td>
            </tr>
        </table>
        <button class="action win-button" disabled="disabled" id="transcode">
            Transcode
        </button>
        <button class="action win-button" disabled="disabled" id="cancel">
            Cancel
        </button>
        <br>
        <table>
            <tr>
                <td>
                    <input id="enableMrfCrf444" style="cursor: default" type="checkbox" disabled="disabled" class="win-checkbox">
                </td>
                <td>Enable MRFCRF444 video processing algorithm (disables hardware acceleration)</td>
            </tr>
        </table>
    </div>
    <div>
        <table style="vertical-align: top">
            <tr>
                <td>
                    Source
                </td>
                <td>
                    <div id="outputPath">
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <video id="inputVideo" style="border: 1px solid black;" width="320" height="240" controls="controls"></video>
                </td>
                <td>
                    <video id="outputVideo" style="border: 1px solid black;" width="320" height="240" controls="controls"></video>
                </td>
            </tr>
        </table>
    </div>
</body>

</html>